<template>
	<view>
		<view class="status-box">
			<image v-if="isSuccess" class="status-image" src="../static/image/success.png" mode=""></image>
			<image v-else class="status-image" src="../static/image/error.png" mode=""></image>
			<view class="status-box-title">
				提交成功
			</view>
			<view class="status-box-code">
				请前往电脑端补充资料
			</view>
			<view style="padding: 5px;">
				<uni-link 
				href="https://lsydsq.cqlandcloud.org.cn/lsyd_sqxx/#/" 
				text="https://lsydsq.cqlandcloud.org.cn/lsyd_sqxx/#/"></uni-link>
			</view>
		</view>
		<view v-if="isSuccess" class="button-box">
			<button class="button-blue" @click="backHome">返回首页</button>
		</view>
		<view v-else class="button-box">
			<button class="button-blue" @click="back">重新填写</button>
			<button class="button-white" @click="backHome">返回首页</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isSuccess:true,
				code:''
			};
		},
		onLoad(options) {
			this.code = options.code
		},
		methods: {
			backHome() {
				uni.navigateBack({
					delta:2
				})
			},
			back(){
				
			}
		},
	}
</script>

<style lang="scss">
	.button-box{
		margin-top: 125rpx;
	}
	.button-blue{
		background-color: #1E92F0;
		border-radius: 125rpx;
		width: 681rpx;
		height: 96rpx;
		color: #fff;
		margin-bottom: 30rpx;
	}
		
	.button-white{
		border-radius: 125rpx;
		width: 681rpx;
		height: 96rpx;
		background-color:#fff;
		color: #1E92F0;
		border: solid 1rpx #1E92F0;
	}
	.status-box{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 63rpx;
		&-title{
			font-weight: 400;
			font-size: 39rpx;
			color: #3D3D3D;
			line-height: 31rpx;
			margin-bottom: 16rpx;
		}
			
		&-code{
			font-size: 28rpx;
			color: #888888;
			line-height: 31rpx;
		}
	}
.status-image{
	width: 165rpx;
	height: 190rpx;
}
</style>
